import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import login from '@/components/login'

// 引用页面模板->供路由使用
import index from '../pages/index'
import countEvent from '@/pages/counterEvent'

import pageQuiButton from '../pages/pageQuiButton'
import pageQuiList from '../pages/pageQuiList'
import pageQuiNav from '../pages/pageQuiNav'

import d3test from '../pages/d3Test'
import svgtest from '../pages/svgtest'
import overview from '@/pages/overview'

// 组件测试
import quiButton from '@/components/quiButton'
import quiNav from '@/components/quiNav'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/hello',
      name: 'Hello',
      component: HelloWorld
    },
    {
      path: '/countEvent',
      name: 'Hello',
      component: countEvent
    },
    {
      path: '/',
      name: 'index',
      component: index
    },
    {
      path: '/login',
      name: 'login',
      component: login
    },
    {
      path: '/btn',
      name: 'btn',
      component: pageQuiButton
    },
    {
      path: '/list',
      name: 'list',
      component: pageQuiList
    },
    {
      path: '/nav',
      name: 'nav',
      component: pageQuiNav
    },
    {
      path: '/quiButton',
      name: 'quiButton',
      component: quiButton
    },
    {
      path: '/quiNav',
      name: 'quiNav',
      component: quiNav
    },
    {
      path: '/d3test',
      name: 'd3test',
      component: d3test
    },
    {
      path: '/overview',
      name: 'overview',
      component: overview
    },
    {
      path: '/svgtest',
      name: 'svgtest',
      component: svgtest
    },
    {
      path: '/m',
      name: 'mobile',
      component: () => import('../pages/Mobile')
    },
    // {
    //   path: '/td/areachart',
    //   name: 'areachart',
    //   component: areachart
    // },
  ]
})
